.ngw-resource-external-access {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1em;

    > .text {
        grid-column: 1 / span 2;
    }

    > .label {
        align-self: center;
        white-space: nowrap;
    }

    > .url {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        border: 1px solid var(--divider-color);
        border-radius: var(--border-radius-root);
        padding: 4px;
        width: 100%;
        min-width: 0;

        .url-text {
            flex-grow: 1;
            overflow: hidden;
            user-select: all;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .ant-btn {
            padding: 0;
            width: auto;
            height: auto;

            svg.icon {
                flex-shrink: 0;
            }
        }
    }
}

.ngw-resource-external-access-popover.ant-popover {
    max-width: 40em;
}
